*,
:before,
:after {
  box-sizing: border-box;
  border-width: 0;
  border-style: solid;
  border-color: #e5e7eb
}
@keyframes ping {

  75%,
  to {
    transform: scale(2);
    opacity: 0
  }
}
.animate-ping {
  animation: ping 1s cubic-bezier(0, 0, .2, 1) infinite
}
.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  border-radius: 50%;
  width: 50%;
  height: 50%;
}
.absolute {
  position: absolute
}
.relative {
  position: relative
}
.border {
  border-width: 1px
}
.border-amber-500\/30 {
  border-color: #f59e0b4d
}
.border-amber-500\/50 {
  border-color: #f59e0b80
}
.border-gray-700 {
  --tw-border-opacity: 1;
  border-color: rgb(55 65 81 / var(--tw-border-opacity, 1))
}
.border-gray-800 {
  --tw-border-opacity: 1;
  border-color: rgb(31 41 55 / var(--tw-border-opacity, 1))
}
.bg-gray-800\/50 {
  background-color: #1f293780
}
.bg-gray-950\/95 {
	  background-color: #030712f2
	}
.bg-gray-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1))
}
.bg-green-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1))
}
.bg-amber-500\/50 {
  background-color: #f59e0b65
}
.font-bold {
  font-weight: 700
}
.font-medium {
  font-weight: 500
}
.flex {
  display: flex
}
.fixed {
  position: fixed
}
.gap-1 {
  gap: .25rem
}
.gap-2 {
  gap: .5rem
}
.gap-3 {
  gap: .75rem
}
.gap-4 {
  gap: 1rem
}
.hidden {
  display: none
}
.h-3 {
  height: .75rem
}
.h-4 {
  height: 1rem
}
.h-10 {
  height: 2.5rem
}
.hover\:bg-gray-800:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1))
}
.items-center {
  align-items: center
}
.inset-0 {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0
}
.rounded-lg {
  border-radius: .5rem
}
.rounded-full {
  border-radius: 9999px
}
.justify-center {
  justify-content: center
}
.justify-between {
  justify-content: space-between
}
.top-0 {
  top: 0
}
.bottom-0 {
  bottom: 0
}
.left-0 {
  left: 0
}
.right-0 {
  right: 0
}
.w-\[2px\] {
  width: 2px
}
.w-\[60px\] {
  width: 60px
}
.w-3 {
  width: .75rem
}
.w-4 {
  width: 1rem
}
.w-10 {
  width: 2.5rem
}
.max-w-\[1920px\] {
  max-width: 1920px
}
.mx-auto {
  margin-left: auto;
  margin-right: auto
}
.opacity-0 {
  opacity: 0
}
.opacity-25 {
  opacity: .25
}
.opacity-50 {
  opacity: .5
}
.opacity-60 {
  opacity: .6
}
.opacity-75 {
  opacity: .75
}
.px-3 {
  padding-left: .75rem;
  padding-right: .75rem
}
.px-4 {
  padding-left: 1rem;
  padding-right: 1rem
}
.py-1\.5 {
  padding-top: .375rem;
  padding-bottom: .375rem
}
.py-3 {
  padding-top: .75rem;
  padding-bottom: .75rem
}
.ml-2 {
  margin-left: .5rem
}
.text-sm {
  font-size: .875rem;
  line-height: 1.25rem
}
.text-xs {
  font-size: .75rem;
  line-height: 1rem
}
.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}
.text-green-500 {
  --tw-text-opacity: 1;
  color: rgb(34 197 94 / var(--tw-text-opacity, 1))
}
.text-gray-400 {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1))
}
.text-gray-500 {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1))
}
.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem
}
.tracking-wide {
  letter-spacing: .025em
}
.tracking-wider {
  letter-spacing: .05em
}
.transition-transform {
  transition-property: transform;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .15s
}
.transition-colors {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .15s
}
.z-40 {
  z-index: 40
}
.pointer-events-none {
  pointer-events: none
}
.backdrop-blur-sm {
  --tw-backdrop-blur: blur(4px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}
.border-b {
  border-bottom-width: 1px
}
.overflow-hidden {
  overflow: hidden
}
@keyframes radar-pulse {

  0%,
  to {
    transform: scale(1);
    opacity: 1
  }

  50% {
    transform: scale(1.2);
    opacity: .7
  }
}
@keyframes radar-sweep {
  0% {
	transform: translate3d(5px, 0, 0);
	opacity: 0
  }

  5% {
	opacity: 1
  }

  95% {
	opacity: 1
  }

  to {
	transform: translate3d(calc(100vw - 5px), 0, 0);
	opacity: 0

  }
}
@keyframes radar-sweep-trail {
  0% {
	transform: translate3d(-55px, 0, 0);
	opacity: 0
  }

  5% {
	opacity: 1
  }

  95% {
	opacity: 1
  }

  to {
	transform: translate3d(100vw, 0, 0);
	opacity: 0
  }
}
.radar-pulse {
  animation: radar-pulse 2s ease-in-out infinite
}
.radar-sweep {
  left: 0;
  animation: radar-sweep 8s ease-in-out alternate infinite;
  will-change: transform;
  backface-visibility: hidden
}
.radar-sweep-trail {
  left: 0;
  animation: radar-sweep-trail 8s ease-in-out alternate infinite;
  will-change: transform;
  backface-visibility: hidden
}
@media (min-width: 640px) {
  .sm\:block {
    display: block
  }

  .sm\:inline {
    display: inline
  }

  .sm\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }

  .sm\:flex-row {
    flex-direction: row
  }

  .sm\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem
  }
}
@media (min-width: 768px) {
  .md\:inset-10 {
    top: 2.5rem;
    right: 2.5rem;
    bottom: 2.5rem;
    left: 2.5rem
  }

  .md\:block {
    display: block
  }

  .md\:hidden {
    display: none
  }

  .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }

  .md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr))
  }
}
@media (min-width: 1024px) {
  .lg\:inset-20 {
    top: 5rem;
    right: 5rem;
    bottom: 5rem;
    left: 5rem
  }

  .lg\:flex {
    display: flex
  }

  .lg\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr))
  }

  .lg\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr))
  }
}
@media (min-width: 1280px) {
  .xl\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr))
  }
}